<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/respond.min.js"></script>
<script type="text/javascript" src="js/PIE_IE678.js"></script>
<![endif]-->
		<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/style.css" />
		<link href="assets/css/codemirror.css" rel="stylesheet">
		<link rel="stylesheet" href="assets/css/ace.min.css" />
		<link rel="stylesheet" href="Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
		<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
		<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
		<link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css" />
		<link href="Widget/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />

		<title>新增图片</title>
		<style>
			.queueList div{
				float: left;
				margin-left: 10%;
			}
			#detailImg img{
				height: 80px;
				width: 80px;
			}

		</style>
	</head>

	<body>
		<div class="clearfix" id="add_picture">
			<div class="page_right_style" style="margin-left: -100px;">
				<div class="type_title">添加商品</div>
				<form action="" method="post" class="form form-horizontal" id="form-article-add">
					<div class="clearfix cl">
						<label class="form-label col-2"><span class="c-red">*</span>商品名字：</label>
						<div class="formControls col-10"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsName"></div>
					</div>
<!--					<div class=" clearfix cl">-->
<!--						<label class="form-label col-2">参与活动：</label>-->
<!--						<div class="formControls col-10">-->
<!--							<select class="form-control">-->
<!--								<option>衣服1</option>-->
<!--								<option>衣服2</option>-->
<!--								<option>裤子1</option>-->
<!--								<option>裤子2</option>-->
<!--							</select>-->
<!--						</div>-->
<!--					</div>-->
					<div class=" clearfix cl">

						<div class="Add_p_s">
							<label class="form-label col-2">原料产品：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsRaw"></div>
						</div>
						<div class="Add_p_s">
							<label class="form-label col-2">产&nbsp;&nbsp;&nbsp;&nbsp;地：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsMake"></div>
						</div>
						<div class="Add_p_s">
							<label class="form-label col-2">产品配料：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsDosing"></div>
						</div>
						<div class="Add_p_s">
							<label class="form-label col-2">产品规格：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsSize"></div>
						</div>
						<div class="Add_p_s">
							<label class="form-label col-2">保质期：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsDead"></div>
						</div>
						<div class="Add_p_s">
							<label class="form-label col-2">产品编号：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsStandardCode"></div>
						</div>
						<div class="Add_p_s">
							<label class="form-label col-2">许&nbsp;可&nbsp;证：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsProduceCode"></div>
						</div>
						<div class="Add_p_s">
							<label class="form-label col-2">存储方式：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsStorage"></div>
						</div>
						<div class="Add_p_s">
							<label class="form-label col-2">食用方式：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsEat"></div>
						</div>
						<div class="Add_p_s">
							<label class="form-label col-2">商品价格：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsPrice">元</div>
						</div>
						<div class="Add_p_s">
							<label class="form-label col-2">库&nbsp;&nbsp;&nbsp;&nbsp;存：</label>
							<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="goodsNumber"></div>
						</div>
						<div class="Add_p_s"></div>
						<div class="Add_p_s">
								<span style="color: red">*</span>
								<label class="form-label col-2">口&nbsp;&nbsp;&nbsp;&nbsp;味：</label>
								<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="taste1"></div>
							</div>
						<div class="Add_p_s">
								<span style="color: red">*</span>
								<label class="form-label col-2">口味价格：</label>
								<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="tastePrice1"></div>
							</div>
						<div class="Add_p_s">
								<label class="form-label col-2">口味图片：</label>
								<label class="" for="uploadTaste1" >
									<img src="images/文件上传.png" alt=""  id="imgTaste1" style="width: 35px;height: 35px"/>
								</label>
								<input type="file" id="uploadTaste1" class="license" style="position:absolute;clip:rect(0 0 0 0);"  accept="image/gif,image/jpeg,image/jpg,image/png" value="imgTaste1">
							</div>
						<div class="Add_p_s"></div>
						<div class="Add_p_s">
								<label class="form-label col-2">口&nbsp;&nbsp;&nbsp;&nbsp;味：</label>
								<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="taste2"></div>
							</div>
						<div class="Add_p_s">
								<label class="form-label col-2">口味价格：</label>
								<div class="formControls col-2"><input type="text" class="input-text" value="" placeholder=""  name="" id="tastePrice2"></div>
							</div>
						<div class="Add_p_s">
								<label class="form-label col-2">口味图片：</label>
								<label class="" for="uploadTaste2" >
									<img src="images/文件上传.png" alt=""  id="imgTaste2" style="width: 35px;height: 35px"/>
								</label>
								<input type="file" id="uploadTaste2" class="license" style="position:absolute;clip:rect(0 0 0 0);"  accept="image/gif,image/jpeg,image/jpg,image/png" value="imgTaste2">
							</div>
					</div>

					<div class="clearfix cl" id="detailImg">
						<label class="form-label col-2">详情图片：</label>
						<div class="formControls col-10">
							<div class="uploader-list-container">
								<div class="queueList" style="height: 100px">
									<div style="margin-left: 0px">
										<label class="" for="upload1" >
											<img src="images/文件上传.png" alt=""  id="img1"/>
										</label>
										<input type="file" id="upload1" class="license" style="position:absolute;clip:rect(0 0 0 0);"  accept="image/gif,image/jpeg,image/jpg,image/png" value="img1">
									</div>
									<div>
										<label class="" for="upload2" >
											<img src="images/文件上传.png" alt=""  id="img2"/>
										</label>
										<input type="file" id="upload2" class="license" style="position:absolute;clip:rect(0 0 0 0);"  accept="image/gif,image/jpeg,image/jpg,image/png" value="img2">
									</div>
									<div>
										<label class="" for="upload3" >
											<img src="images/文件上传.png" alt=""  id="img3"/>
										</label>
										<input type="file" id="upload3" class="license" style="position:absolute;clip:rect(0 0 0 0);"  accept="image/gif,image/jpeg,image/jpg,image/png" value="img3">
									</div>
									<div>
										<label class="" for="upload4" >
											<img src="images/文件上传.png" alt=""  id="img4"/>
										</label>
										<input type="file" id="upload4" class="license" style="position:absolute;clip:rect(0 0 0 0);"  accept="image/gif,image/jpeg,image/jpg,image/png" value="img4">
									</div>
									<div>
										<label class="" for="upload5" >
											<img src="images/文件上传.png" alt=""  id="img5"/>
										</label>
										<input type="file" id="upload5" class="license" style="position:absolute;clip:rect(0 0 0 0);"  accept="image/gif,image/jpeg,image/jpg,image/png" value="img5">
									</div>
								</div>
								<div class="statusBar" style="display: none">
<!--									<div class="progress"> <span class="text">0%</span> <span class="percentage"></span> </div>-->
									<div class="info"></div>
									<div class="btns">
										<div id="filePicker2"></div>
										<div class="uploadBtn">开始上传</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					</br>
					<div class="clearfix cl">
						<div class="Button_operation" id="btnBox">
							<button onclick="article_save_submit()" class="btn btn-primary radius" type="text" id="addBtn"><i class="icon-save "></i>保存并提交审核</button>
<!--							<button onClick="article_save();" class="btn btn-secondary  btn-warning" type="button"><i class="icon-save"></i>保存草稿</button>-->
							<button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		</div>
		<script src="js/jquery-1.9.1.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/typeahead-bs2.min.js"></script>
		<script src="assets/layer/layer.js" type="text/javascript"></script>
		<script src="assets/laydate/laydate.js" type="text/javascript"></script>
		<script type="text/javascript" src="Widget/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="Widget/icheck/jquery.icheck.min.js"></script>
		<script type="text/javascript" src="Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script>
		<script type="text/javascript" src="Widget/Validform/5.3.2/Validform.min.js"></script>
		<script type="text/javascript" src="Widget/webuploader/0.1.5/webuploader.min.js"></script>
<!--		<script type="text/javascript" src="Widget/ueditor/1.4.3/ueditor.config.js"></script>-->
<!--		<script type="text/javascript" src="Widget/ueditor/1.4.3/ueditor.all.min.js">-->
		</script>
<!--		<script type="text/javascript" src="Widget/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>-->
		<script src="js/lrtk.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/H-ui.js"></script>
		<script type="text/javascript" src="js/H-ui.admin.js"></script>
		<script type="text/javascript">
			var taste1 = $("#taste1");		//必选口味
			var tastePrice1 = $("#tastePrice1");	//必选口味价格
			var taste2 = $("#taste2");
			var tastePrice2 = $("#tastePrice2");
			//必填为空则不能提交
			document.getElementById("addBtn").addEventListener("mouseover",function (){
				if (taste1.val() == "" || tastePrice1.val() == ""){
					$("#addBtn").attr("disabled",true);
				}
			});
			document.getElementById("btnBox").addEventListener("mouseout",function (){
				$("#addBtn").attr("disabled",false);
			});
			//文件上传
			function fileUp(formData,element) {
				$.ajax({
					type:"post",
					url:"http://47.110.246.191:8080/FileSys/file/load.do",
					data:formData,
					async:false,
					processData:false,
					contentType:false,
					success:function (data){
						layer.alert("上传成功！\r\n",{
							title: '提示框',
							icon:0,
						});
						var temp = data.substring(data.indexOf("http"));
						var imgUrl = temp.substring(0,temp.indexOf("\""));
						element.attr("type",imgUrl);
					},
					error:function (data){
						layer.alert("服务器错误！\r\n",{
							title: '提示框',
							icon:0,
						});
						alert("服务器错误");
					}
				});
			}

			//上传口味图片和营业执照
			function upBusinessLicense() {
				var parent = document.getElementsByClassName("queueList");
				$(".license").each(function (){
					$(this).change(function (){
						var upload_input = $(this).val();
						if(upload_input == ""){
							layer.alert("未选中文件！\r\n",{
								title: '提示框',
								icon:0,
							});
							return ;
						}
						console.log("文件"+upload_input)

						var formData = new FormData();
						// console.log($(this)[0].files.length)
						for (var i = 0; i < $(this)[0].files.length; i++) {
							// console.log($("#upload")[0].files[i])
							formData.append("file",$(this)[0].files[i]);
						}
						var img = document.getElementById($(this).attr("value"));
						var temp = "images/"+upload_input.substring(12);
						$(img).attr("src",temp);
						fileUp(formData,$(img));

						return false;
					});
				});
			}

			upBusinessLicense();
			//添加商品
			function article_save_submit() {
				var goodsName = $("#goodsName").val();	//商品名字
				var goodsNumber = $("#goodsNumber").val();	//库存
				var goodsRaw = $("#goodsRaw").val();	//原料产地
				var goodsMake = $("#goodsMake").val();	//产品产地
				var goodsDosing = $("#goodsDosing").val();	//产品配料
				var	goodsSize = $("#goodsSize").val();		//产品规格
				var goodsDead = $("#goodsDead").val();	//保质期
				var goodsStandardCode = $("#goodsStandardCode").val();	//产品编号
				var goodsProduceCode = $("#goodsProduceCode").val();	//产品许可证
				var goodsStorage = $("#goodsStorage").val();	//存储方式
				var goodsEat = $("#goodsEat").val();	//使用方式
				var goodsPrice = $("#goodsPrice").val();	//商品价格
				var imgTaste1 = $("#imgTaste1").attr("type");
				var imgTaste2 = $("#imgTaste2").attr("type");
				var imgTasteTotal = imgTaste1+"+"+imgTaste2;
				var tasteTotal = taste1.val()+"+"+taste2.val();
				var tastePriceTotal = tastePrice1.val()+"+"+tastePrice2.val();
				var img1 = $("#img1").attr("type");
				var img2 = $("#img2").attr("type");
				var img3 = $("#img3").attr("type");
				var img4 = $("#img4").attr("type");
				var img5 = $("#img5").attr("type");
				console.log("img2:"+img2);
				$.ajax({
					url: "http://localhost:8080/SnacksShop/boss.do?type=addShop",
					type: "post",
					data:{
						goodsName:goodsName,
						goodsNumber:goodsNumber,
						goodsRaw:goodsRaw,
						goodsMake:goodsMake,
						goodsDosing:goodsDosing,
						goodsSize:goodsSize,
						goodsDead:goodsDead,
						goodsStandardCode:goodsStandardCode,
						goodsProduceCode:goodsProduceCode,
						goodsStorage:goodsStorage,
						goodsEat:goodsEat,
						goodsPrice:goodsPrice,
						tasteTotal:tasteTotal,
						tastePriceTotal:tastePriceTotal,
						imgTasteTotal:imgTasteTotal,
						img1:img1,
						img2:img2,
						img3:img3,
						img4:img4,
						img5:img5
					},
					crossDomain: true,
					xhrFields: {
						withCredentials: true
					},
					type: "post",
					success:function (data){
						var obj = JSON.parse(data);
						console.log(obj);
						if (obj.status == '200'){
							alert("添加成功");
						}else {
							alert("添加失败");
						}
						console.log(obj);
					},
					error:function (data){
						console.log("服务器异常");
					}
				});
			}
		</script>
		<script>
			$(function() {
				$("#add_picture").fix({
					float: 'left',
					skin: 'green',
					durationTime: false,
					stylewidth: '220',
					spacingw: 0,
					spacingh: 260,
				});
			});
			$(document).ready(function() {
				//初始化宽度、高度

				$(".widget-box").height($(window).height());
				$(".page_right_style").height($(window).height());
				$(".page_right_style").width($(window).width() - 220);
				//当文档窗口发生改变时 触发  
				$(window).resize(function() {

					$(".widget-box").height($(window).height());
					$(".page_right_style").height($(window).height());
					$(".page_right_style").width($(window).width() - 220);
				});
			});
			$(function() {
				// var ue = UE.getEditor('editor');
			});
		</script>
<!--		<script type="text/javascript">-->
<!--			$(function() {-->
<!--				$('.skin-minimal input').iCheck({-->
<!--					checkboxClass: 'icheckbox-blue',-->
<!--					radioClass: 'iradio-blue',-->
<!--					increaseArea: '20%'-->
<!--				});-->

<!--				$list = $("#fileList"),-->
<!--					$btn = $("#btn-star"),-->
<!--					state = "pending",-->
<!--					uploader;-->

<!--				var uploader = WebUploader.create({-->
<!--					auto: true,-->
<!--					swf: 'lib/webuploader/0.1.5/Uploader.swf',-->

<!--					// 文件接收服务端。-->
<!--					server: 'http://lib.h-ui.net/webuploader/0.1.5/server/fileupload.php',-->

<!--					// 选择文件的按钮。可选。-->
<!--					// 内部根据当前运行是创建，可能是input元素，也可能是flash.-->
<!--					pick: '#filePicker',-->

<!--					// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！-->
<!--					resize: false,-->
<!--					// 只允许选择图片文件。-->
<!--					accept: {-->
<!--						title: 'Images',-->
<!--						extensions: 'gif,jpg,jpeg,bmp,png',-->
<!--						mimeTypes: 'image/*'-->
<!--					}-->
<!--				});-->
<!--				uploader.on('fileQueued', function(file) {-->
<!--					var $li = $(-->
<!--							'<div id="' + file.id + '" class="item">' +-->
<!--							'<div class="pic-box"><img></div>' +-->
<!--							'<div class="info">' + file.name + '</div>' +-->
<!--							'<p class="state">等待上传...</p>' +-->
<!--							'</div>'-->
<!--						),-->
<!--						$img = $li.find('img');-->
<!--					$list.append($li);-->

<!--					// 创建缩略图-->
<!--					// 如果为非图片文件，可以不用调用此方法。-->
<!--					// thumbnailWidth x thumbnailHeight 为 100 x 100-->
<!--					uploader.makeThumb(file, function(error, src) {-->
<!--						if(error) {-->
<!--							$img.replaceWith('<span>不能预览</span>');-->
<!--							return;-->
<!--						}-->

<!--						$img.attr('src', src);-->
<!--					}, thumbnailWidth, thumbnailHeight);-->
<!--				});-->
<!--				// 文件上传过程中创建进度条实时显示。-->
<!--				uploader.on('uploadProgress', function(file, percentage) {-->
<!--					var $li = $('#' + file.id),-->
<!--						$percent = $li.find('.progress-box .sr-only');-->

<!--					// 避免重复创建-->
<!--					if(!$percent.length) {-->
<!--						$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo($li).find('.sr-only');-->
<!--					}-->
<!--					$li.find(".state").text("上传中");-->
<!--					$percent.css('width', percentage * 100 + '%');-->
<!--				});-->

<!--				// 文件上传成功，给item添加成功class, 用样式标记上传成功。-->
<!--				uploader.on('uploadSuccess', function(file) {-->
<!--					$('#' + file.id).addClass('upload-state-success').find(".state").text("已上传");-->
<!--				});-->

<!--				// 文件上传失败，显示上传出错。-->
<!--				uploader.on('uploadError', function(file) {-->
<!--					$('#' + file.id).addClass('upload-state-error').find(".state").text("上传出错");-->
<!--				});-->

<!--				// 完成上传完了，成功或者失败，先删除进度条。-->
<!--				uploader.on('uploadComplete', function(file) {-->
<!--					$('#' + file.id).find('.progress-box').fadeOut();-->
<!--				});-->
<!--				uploader.on('all', function(type) {-->
<!--					if(type === 'startUpload') {-->
<!--						state = 'uploading';-->
<!--					} else if(type === 'stopUpload') {-->
<!--						state = 'paused';-->
<!--					} else if(type === 'uploadFinished') {-->
<!--						state = 'done';-->
<!--					}-->

<!--					if(state === 'uploading') {-->
<!--						$btn.text('暂停上传');-->
<!--					} else {-->
<!--						$btn.text('开始上传');-->
<!--					}-->
<!--				});-->

<!--				$btn.on('click', function() {-->
<!--					if(state === 'uploading') {-->
<!--						uploader.stop();-->
<!--					} else {-->
<!--						uploader.upload();-->
<!--					}-->
<!--				});-->

<!--			});-->

<!--			(function($) {-->
<!--				// 当domReady的时候开始初始化-->
<!--				$(function() {-->
<!--					var $wrap = $('.uploader-list-container'),-->

<!--						// 图片容器-->
<!--						$queue = $('<ul class="filelist"></ul>')-->
<!--						.appendTo($wrap.find('.queueList')),-->

<!--						// 状态栏，包括进度和控制按钮-->
<!--						$statusBar = $wrap.find('.statusBar'),-->

<!--						// 文件总体选择信息。-->
<!--						$info = $statusBar.find('.info'),-->

<!--						// 上传按钮-->
<!--						$upload = $wrap.find('.uploadBtn'),-->

<!--						// 没选择文件之前的内容。-->
<!--						$placeHolder = $wrap.find('.placeholder'),-->

<!--						$progress = $statusBar.find('.progress').hide(),-->

<!--						// 添加的文件数量-->
<!--						fileCount = 0,-->

<!--						// 添加的文件总大小-->
<!--						fileSize = 0,-->

<!--						// 优化retina, 在retina下这个值是2-->
<!--						ratio = window.devicePixelRatio || 1,-->

<!--						// 缩略图大小-->
<!--						thumbnailWidth = 110 * ratio,-->
<!--						thumbnailHeight = 110 * ratio,-->

<!--						// 可能有pedding, ready, uploading, confirm, done.-->
<!--						state = 'pedding',-->

<!--						// 所有文件的进度信息，key为file id-->
<!--						percentages = {},-->
<!--						// 判断浏览器是否支持图片的base64-->
<!--						isSupportBase64 = (function() {-->
<!--							var data = new Image();-->
<!--							var support = true;-->
<!--							data.onload = data.onerror = function() {-->
<!--								if(this.width != 1 || this.height != 1) {-->
<!--									support = false;-->
<!--								}-->
<!--							}-->
<!--							data.src = "";-->
<!--							return support;-->
<!--						})(),-->

<!--						// 检测是否已经安装flash，检测flash的版本-->
<!--						flashVersion = (function() {-->
<!--							var version;-->

<!--							try {-->
<!--								version = navigator.plugins['Shockwave Flash'];-->
<!--								version = version.description;-->
<!--							} catch(ex) {-->
<!--								try {-->
<!--									version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash')-->
<!--										.GetVariable('$version');-->
<!--								} catch(ex2) {-->
<!--									version = '0.0';-->
<!--								}-->
<!--							}-->
<!--							version = version.match(/\d+/g);-->
<!--							return parseFloat(version[0] + '.' + version[1], 10);-->
<!--						})(),-->

<!--						supportTransition = (function() {-->
<!--							var s = document.createElement('p').style,-->
<!--								r = 'transition' in s ||-->
<!--								'WebkitTransition' in s ||-->
<!--								'MozTransition' in s ||-->
<!--								'msTransition' in s ||-->
<!--								'OTransition' in s;-->
<!--							s = null;-->
<!--							return r;-->
<!--						})(),-->

<!--						// WebUploader实例-->
<!--						uploader;-->

<!--					if(!WebUploader.Uploader.support('flash') && WebUploader.browser.ie) {-->

<!--						// flash 安装了但是版本过低。-->
<!--						if(flashVersion) {-->
<!--							(function(container) {-->
<!--								window['expressinstallcallback'] = function(state) {-->
<!--									switch(state) {-->
<!--										case 'Download.Cancelled':-->
<!--											alert('您取消了更新！')-->
<!--											break;-->

<!--										case 'Download.Failed':-->
<!--											alert('安装失败')-->
<!--											break;-->

<!--										default:-->
<!--											alert('安装已成功，请刷新！');-->
<!--											break;-->
<!--									}-->
<!--									delete window['expressinstallcallback'];-->
<!--								};-->

<!--								var swf = 'expressInstall.swf';-->
<!--								// insert flash object-->
<!--								var html = '<object type="application/' +-->
<!--									'x-shockwave-flash" data="' + swf + '" ';-->

<!--								if(WebUploader.browser.ie) {-->
<!--									html += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ';-->
<!--								}-->

<!--								html += 'width="100%" height="100%" style="outline:0">' +-->
<!--									'<param name="movie" value="' + swf + '" />' +-->
<!--									'<param name="wmode" value="transparent" />' +-->
<!--									'<param name="allowscriptaccess" value="always" />' +-->
<!--									'</object>';-->

<!--								container.html(html);-->

<!--							})($wrap);-->

<!--							// 压根就没有安转。-->
<!--						} else {-->
<!--							$wrap.html('<a href="http://www.adobe.com/go/getflashplayer" target="_blank" border="0"><img alt="get flash player" src="http://www.adobe.com/macromedia/style_guide/images/160x41_Get_Flash_Player.jpg" /></a>');-->
<!--						}-->

<!--						return;-->
<!--					} else if(!WebUploader.Uploader.support()) {-->
<!--						alert('Web Uploader 不支持您的浏览器！');-->
<!--						return;-->
<!--					}-->

<!--					// 实例化-->
<!--					uploader = WebUploader.create({-->
<!--						pick: {-->
<!--							id: '#filePicker-2',-->
<!--							label: '点击选择图片'-->
<!--						},-->
<!--						formData: {-->
<!--							uid: 123-->
<!--						},-->
<!--						dnd: '#dndArea',-->
<!--						paste: '#uploader',-->
<!--						swf: 'lib/webuploader/0.1.5/Uploader.swf',-->
<!--						chunked: false,-->
<!--						chunkSize: 512 * 1024,-->
<!--						server: 'http://lib.h-ui.net/webuploader/0.1.5/server/fileupload.php',-->
<!--						// runtimeOrder: 'flash',-->

<!--						// accept: {-->
<!--						//     title: 'Images',-->
<!--						//     extensions: 'gif,jpg,jpeg,bmp,png',-->
<!--						//     mimeTypes: 'image/*'-->
<!--						// },-->

<!--						// 禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候，把图片打开。-->
<!--						disableGlobalDnd: true,-->
<!--						fileNumLimit: 300,-->
<!--						fileSizeLimit: 200 * 1024 * 1024, // 200 M-->
<!--						fileSingleSizeLimit: 50 * 1024 * 1024 // 50 M-->
<!--					});-->

<!--					// 拖拽时不接受 js, txt 文件。-->
<!--					uploader.on('dndAccept', function(items) {-->
<!--						var denied = false,-->
<!--							len = items.length,-->
<!--							i = 0,-->
<!--							// 修改js类型-->
<!--							unAllowed = 'text/plain;application/javascript ';-->

<!--						for(; i < len; i++) {-->
<!--							// 如果在列表里面-->
<!--							if(~unAllowed.indexOf(items[i].type)) {-->
<!--								denied = true;-->
<!--								break;-->
<!--							}-->
<!--						}-->

<!--						return !denied;-->
<!--					});-->

<!--					uploader.on('dialogOpen', function() {-->
<!--						console.log('here');-->
<!--					});-->

<!--					// uploader.on('filesQueued', function() {-->
<!--					//     uploader.sort(function( a, b ) {-->
<!--					//         if ( a.name < b.name )-->
<!--					//           return -1;-->
<!--					//         if ( a.name > b.name )-->
<!--					//           return 1;-->
<!--					//         return 0;-->
<!--					//     });-->
<!--					// });-->

<!--					// 添加“添加文件”的按钮，-->
<!--					uploader.addButton({-->
<!--						id: '#filePicker2',-->
<!--						label: '继续添加'-->
<!--					});-->

<!--					uploader.on('ready', function() {-->
<!--						window.uploader = uploader;-->
<!--					});-->

<!--					// 当有文件添加进来时执行，负责view的创建-->
<!--					function addFile(file) {-->
<!--						var $li = $('<li id="' + file.id + '">' +-->
<!--								'<p class="title">' + file.name + '</p>' +-->
<!--								'<p class="imgWrap"></p>' +-->
<!--								'<p class="progress"><span></span></p>' +-->
<!--								'</li>'),-->

<!--							$btns = $('<div class="file-panel">' +-->
<!--								'<span class="cancel">删除</span>' +-->
<!--								'<span class="rotateRight">向右旋转</span>' +-->
<!--								'<span class="rotateLeft">向左旋转</span></div>').appendTo($li),-->
<!--							$prgress = $li.find('p.progress span'),-->
<!--							$wrap = $li.find('p.imgWrap'),-->
<!--							$info = $('<p class="error"></p>'),-->

<!--							showError = function(code) {-->
<!--								switch(code) {-->
<!--									case 'exceed_size':-->
<!--										text = '文件大小超出';-->
<!--										break;-->

<!--									case 'interrupt':-->
<!--										text = '上传暂停';-->
<!--										break;-->

<!--									default:-->
<!--										text = '上传失败，请重试';-->
<!--										break;-->
<!--								}-->

<!--								$info.text(text).appendTo($li);-->
<!--							};-->

<!--						if(file.getStatus() === 'invalid') {-->
<!--							showError(file.statusText);-->
<!--						} else {-->
<!--							// @todo lazyload-->
<!--							$wrap.text('预览中');-->
<!--							uploader.makeThumb(file, function(error, src) {-->
<!--								var img;-->

<!--								if(error) {-->
<!--									$wrap.text('不能预览');-->
<!--									return;-->
<!--								}-->

<!--								if(isSupportBase64) {-->
<!--									img = $('<img src="' + src + '">');-->
<!--									$wrap.empty().append(img);-->
<!--								} else {-->
<!--									$.ajax('lib/webuploader/0.1.5/server/preview.php', {-->
<!--										method: 'POST',-->
<!--										data: src,-->
<!--										dataType: 'json'-->
<!--									}).done(function(response) {-->
<!--										if(response.result) {-->
<!--											img = $('<img src="' + response.result + '">');-->
<!--											$wrap.empty().append(img);-->
<!--										} else {-->
<!--											$wrap.text("预览出错");-->
<!--										}-->
<!--									});-->
<!--								}-->
<!--							}, thumbnailWidth, thumbnailHeight);-->

<!--							percentages[file.id] = [file.size, 0];-->
<!--							file.rotation = 0;-->
<!--						}-->

<!--						file.on('statuschange', function(cur, prev) {-->
<!--							if(prev === 'progress') {-->
<!--								$prgress.hide().width(0);-->
<!--							} else if(prev === 'queued') {-->
<!--								$li.off('mouseenter mouseleave');-->
<!--								$btns.remove();-->
<!--							}-->

<!--							// 成功-->
<!--							if(cur === 'error' || cur === 'invalid') {-->
<!--								console.log(file.statusText);-->
<!--								showError(file.statusText);-->
<!--								percentages[file.id][1] = 1;-->
<!--							} else if(cur === 'interrupt') {-->
<!--								showError('interrupt');-->
<!--							} else if(cur === 'queued') {-->
<!--								percentages[file.id][1] = 0;-->
<!--							} else if(cur === 'progress') {-->
<!--								$info.remove();-->
<!--								$prgress.css('display', 'block');-->
<!--							} else if(cur === 'complete') {-->
<!--								$li.append('<span class="success"></span>');-->
<!--							}-->

<!--							$li.removeClass('state-' + prev).addClass('state-' + cur);-->
<!--						});-->

<!--						$li.on('mouseenter', function() {-->
<!--							$btns.stop().animate({-->
<!--								height: 30-->
<!--							});-->
<!--						});-->

<!--						$li.on('mouseleave', function() {-->
<!--							$btns.stop().animate({-->
<!--								height: 0-->
<!--							});-->
<!--						});-->

<!--						$btns.on('click', 'span', function() {-->
<!--							var index = $(this).index(),-->
<!--								deg;-->

<!--							switch(index) {-->
<!--								case 0:-->
<!--									uploader.removeFile(file);-->
<!--									return;-->

<!--								case 1:-->
<!--									file.rotation += 90;-->
<!--									break;-->

<!--								case 2:-->
<!--									file.rotation -= 90;-->
<!--									break;-->
<!--							}-->

<!--							if(supportTransition) {-->
<!--								deg = 'rotate(' + file.rotation + 'deg)';-->
<!--								$wrap.css({-->
<!--									'-webkit-transform': deg,-->
<!--									'-mos-transform': deg,-->
<!--									'-o-transform': deg,-->
<!--									'transform': deg-->
<!--								});-->
<!--							} else {-->
<!--								$wrap.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + (~~((file.rotation / 90) % 4 + 4) % 4) + ')');-->
<!--								// use jquery animate to rotation-->
<!--								// $({-->
<!--								//     rotation: rotation-->
<!--								// }).animate({-->
<!--								//     rotation: file.rotation-->
<!--								// }, {-->
<!--								//     easing: 'linear',-->
<!--								//     step: function( now ) {-->
<!--								//         now = now * Math.PI / 180;-->

<!--								//         var cos = Math.cos( now ),-->
<!--								//             sin = Math.sin( now );-->

<!--								//         $wrap.css( 'filter', "progid:DXImageTransform.Microsoft.Matrix(M11=" + cos + ",M12=" + (-sin) + ",M21=" + sin + ",M22=" + cos + ",SizingMethod='auto expand')");-->
<!--								//     }-->
<!--								// });-->
<!--							}-->

<!--						});-->

<!--						$li.appendTo($queue);-->
<!--					}-->

<!--					// 负责view的销毁-->
<!--					function removeFile(file) {-->
<!--						var $li = $('#' + file.id);-->

<!--						delete percentages[file.id];-->
<!--						updateTotalProgress();-->
<!--						$li.off().find('.file-panel').off().end().remove();-->
<!--					}-->

<!--					function updateTotalProgress() {-->
<!--						var loaded = 0,-->
<!--							total = 0,-->
<!--							spans = $progress.children(),-->
<!--							percent;-->

<!--						$.each(percentages, function(k, v) {-->
<!--							total += v[0];-->
<!--							loaded += v[0] * v[1];-->
<!--						});-->

<!--						percent = total ? loaded / total : 0;-->

<!--						spans.eq(0).text(Math.round(percent * 100) + '%');-->
<!--						spans.eq(1).css('width', Math.round(percent * 100) + '%');-->
<!--						updateStatus();-->
<!--					}-->

<!--					function updateStatus() {-->
<!--						var text = '',-->
<!--							stats;-->

<!--						if(state === 'ready') {-->
<!--							text = '选中' + fileCount + '张图片，共' +-->
<!--								WebUploader.formatSize(fileSize) + '。';-->
<!--						} else if(state === 'confirm') {-->
<!--							stats = uploader.getStats();-->
<!--							if(stats.uploadFailNum) {-->
<!--								text = '已成功上传' + stats.successNum + '张照片至XX相册，' +-->
<!--									stats.uploadFailNum + '张照片上传失败，<a class="retry" href="#">重新上传</a>失败图片或<a class="ignore" href="#">忽略</a>'-->
<!--							}-->

<!--						} else {-->
<!--							stats = uploader.getStats();-->
<!--							text = '共' + fileCount + '张（' +-->
<!--								WebUploader.formatSize(fileSize) +-->
<!--								'），已上传' + stats.successNum + '张';-->

<!--							if(stats.uploadFailNum) {-->
<!--								text += '，失败' + stats.uploadFailNum + '张';-->
<!--							}-->
<!--						}-->

<!--						$info.html(text);-->
<!--					}-->

<!--					function setState(val) {-->
<!--						var file, stats;-->

<!--						if(val === state) {-->
<!--							return;-->
<!--						}-->

<!--						$upload.removeClass('state-' + state);-->
<!--						$upload.addClass('state-' + val);-->
<!--						state = val;-->

<!--						switch(state) {-->
<!--							case 'pedding':-->
<!--								$placeHolder.removeClass('element-invisible');-->
<!--								$queue.hide();-->
<!--								$statusBar.addClass('element-invisible');-->
<!--								uploader.refresh();-->
<!--								break;-->

<!--							case 'ready':-->
<!--								$placeHolder.addClass('element-invisible');-->
<!--								$('#filePicker2').removeClass('element-invisible');-->
<!--								$queue.show();-->
<!--								$statusBar.removeClass('element-invisible');-->
<!--								uploader.refresh();-->
<!--								break;-->

<!--							case 'uploading':-->
<!--								$('#filePicker2').addClass('element-invisible');-->
<!--								$progress.show();-->
<!--								$upload.text('暂停上传');-->
<!--								break;-->

<!--							case 'paused':-->
<!--								$progress.show();-->
<!--								$upload.text('继续上传');-->
<!--								break;-->

<!--							case 'confirm':-->
<!--								$progress.hide();-->
<!--								$('#filePicker2').removeClass('element-invisible');-->
<!--								$upload.text('开始上传');-->

<!--								stats = uploader.getStats();-->
<!--								if(stats.successNum && !stats.uploadFailNum) {-->
<!--									setState('finish');-->
<!--									return;-->
<!--								}-->
<!--								break;-->
<!--							case 'finish':-->
<!--								stats = uploader.getStats();-->
<!--								if(stats.successNum) {-->
<!--									alert('上传成功');-->
<!--								} else {-->
<!--									// 没有成功的图片，重设-->
<!--									state = 'done';-->
<!--									location.reload();-->
<!--								}-->
<!--								break;-->
<!--						}-->

<!--						updateStatus();-->
<!--					}-->

<!--					uploader.onUploadProgress = function(file, percentage) {-->
<!--						var $li = $('#' + file.id),-->
<!--							$percent = $li.find('.progress span');-->

<!--						$percent.css('width', percentage * 100 + '%');-->
<!--						percentages[file.id][1] = percentage;-->
<!--						updateTotalProgress();-->
<!--					};-->

<!--					uploader.onFileQueued = function(file) {-->
<!--						fileCount++;-->
<!--						fileSize += file.size;-->

<!--						if(fileCount === 1) {-->
<!--							$placeHolder.addClass('element-invisible');-->
<!--							$statusBar.show();-->
<!--						}-->

<!--						addFile(file);-->
<!--						setState('ready');-->
<!--						updateTotalProgress();-->
<!--					};-->

<!--					uploader.onFileDequeued = function(file) {-->
<!--						fileCount&#45;&#45;;-->
<!--						fileSize -= file.size;-->

<!--						if(!fileCount) {-->
<!--							setState('pedding');-->
<!--						}-->

<!--						removeFile(file);-->
<!--						updateTotalProgress();-->

<!--					};-->

<!--					uploader.on('all', function(type) {-->
<!--						var stats;-->
<!--						switch(type) {-->
<!--							case 'uploadFinished':-->
<!--								setState('confirm');-->
<!--								break;-->

<!--							case 'startUpload':-->
<!--								setState('uploading');-->
<!--								break;-->

<!--							case 'stopUpload':-->
<!--								setState('paused');-->
<!--								break;-->

<!--						}-->
<!--					});-->

<!--					uploader.onError = function(code) {-->
<!--						alert('Eroor: ' + code);-->
<!--					};-->

<!--					$upload.on('click', function() {-->
<!--						if($(this).hasClass('disabled')) {-->
<!--							return false;-->
<!--						}-->

<!--						if(state === 'ready') {-->
<!--							uploader.upload();-->
<!--						} else if(state === 'paused') {-->
<!--							uploader.upload();-->
<!--						} else if(state === 'uploading') {-->
<!--							uploader.stop();-->
<!--						}-->
<!--					});-->

<!--					$info.on('click', '.retry', function() {-->
<!--						uploader.retry();-->
<!--					});-->

<!--					$info.on('click', '.ignore', function() {-->
<!--						alert('todo');-->
<!--					});-->

<!--					$upload.addClass('state-' + state);-->
<!--					updateTotalProgress();-->
<!--				});-->

<!--			})(jQuery);-->
<!--		</script>-->
	</body>

</html>